<template>
  <section class="jumbotron">
    <h3 class="jumbotron-heading">Search Github Users</h3>
    <div>
      <input
        type="text"
        placeholder="enter the name you search"
        v-model="searchInfo"
      />&nbsp;<button @click="searchHandle">Search</button>
    </div>
  </section>
</template>

<script>
import axios from "axios";
export default {
  name: "Header",
  data(){
    return {
      searchInfo:""
    }
  },
  props:["getHeaderData"],
  methods:{
    async searchHandle(){
    const result = await axios.get( `https://api.github.com/search/users?q=${this.searchInfo}`)
    console.log(result);
    //把请求来的数据给父组件
    this.getHeaderData({ isInit:false, isSearch:true, userList:result.data.items})
    }
  }
};
</script>

<style></style>
